<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微博</title>
		<style type="text/css">
			.listl li {
				list-style-type: none;
				border: 2px solid;
			}
			.listl li:nth-child(1){
				border:1px solid #ccc ;
				border-radius: 6px;
				box-shadow:0 1px 1px #ccc;
			}
			.listl li:last-child {
				border: solid #ccc 1px;
				border-radius: 6px;
				box-shadow: 0 1px 1px #ccc;
			}
			
			@font-face {
				font-family: YourWebFontName;
				src: url('ziti/1.TTF');
			}
			.listl li {
				font-family: 'YourWebFontName';
			}
			.listl li:last-child {
				background: hsla(0,100%,60%,0.5);
			}
		</style>
	</head>
	<body>
		<div id="container">
			<form>
				<input type="text">
				<button type="button">搜索</button>
			</form>
			</div>
			<article>
				<!--侧边栏-->
				<div class="nav">
					<div class="nav_left">
					<!--侧边栏内容-->	
					</div>
					</div >
						</article>
						<article>
							<!--微博话题栏-->
							<div class="main">
								<!--微博话题栏内容-->
								</div>
								</article>
								<div class="nav">
									<div class="nav_left">
										<ul class="list">
											<li><a href="">热门</a></a></li>
											<li class="nav_li_hover">
												<a href="">头条</a>
											</li>
											<li>
												<a href="">新鲜事</a></li>
											</li>
											</ul>
											</div>
											<div class="nav_main">
												<ul class="listl">
													<li>
														>杨老师，生日快乐！
														<br><img src="001.jpg" width="100" height="100">
														张一龙&nbsp;6月3日&nbsp;&nbsp;
														<img src="002.jpg" width="100" height="100">
														29468&nbsp;&nbsp;
														<img src="001.jpg" width="11" height="11">
														78452&nbsp;&nbsp;
														<img src="002.jpg" width="11" height="11">47777
													</li>
													
													<li>
														>你好2019&nbsp;&nbsp; 今天是充满童真的一天。
														<br><img src="001.jpg" width="100" height="100">
														李欣&nbsp;6月3日&nbsp;&nbsp;
														<img src="002.jpg" width="100" height="100">
														29468&nbsp;&nbsp;
														<img src="001.jpg" width="11" height="11">
														78452&nbsp;&nbsp;
														<img src="002.jpg" width="11" height="11">47777
													</li>
													>祝愿即将高考的学子们考出自己理想的成绩~
													<br><img src="001.jpg" width="100" height="100">
													杨凯&nbsp;6月3日&nbsp;&nbsp;
													<img src="002.jpg" width="100" height="100">
													29468&nbsp;&nbsp;
											<img src="001.jpg" width="11" height="11">
											78452&nbsp;&nbsp;
											<img src="002.jpg" width="11" height="11">47777
											</li>
											<li>
												>偷偷藏起来，喜欢被同学取笑。
												<br><img src="001.jpg" width="100" height="100">
												张伟&nbsp;6月3日&nbsp;&nbsp;
												<img src="002.jpg" width="100" height="100">
												29468&nbsp;&nbsp;
												<img src="001.jpg" width="11" height="11">
												78452&nbsp;&nbsp;
												<img src="002.jpg" width="11" height="11">47777
											</li>
											<li>
												>周一放送----这位顾客您好，今天想来买点什么？要不要看本季度最新到货的~
												<br><img src="001.jpg" width="100" height="100">
												胡糊&nbsp;6月3日&nbsp;&nbsp;
												<img src="002.jpg" width="100" height="100">
												29468&nbsp;&nbsp;
												<img src="001.jpg" width="11" height="11">
												78452&nbsp;&nbsp;
												<img src="002.jpg" width="11" height="11">47777
											</li>	
											</ul>
											</div>
	</body>
</html>
